const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
  transpileDependencies: true,  // 默认配置
  // 开启代理服务器
  devServer: {
    port: 8081, // 自定义前端开发服务器端口
    open: true, // 运行后自动打开浏览器


    proxy: {
      // 配置代理，解决跨域问题
      '/api': {   // 当前端发送请求时，如果请求的 URL 以 /api 开头，代理会将请求转发到 target 指定的后端服务器地址。
        target: 'http://localhost:8080', // 要帮忙代理的后端服务器地址
        changeOrigin: true, // 允许跨域(代理时是否更改host)
        pathRewrite: {
          '^/api': '', // 重写路径(这里理解成用'/api'代替target里面的地址)
        },
      },
    },
  },
})
